<template>
	<view class="container padding-top-sm">
		<kg-custom :isBack="true">
			<block slot="content">
				<view class="flex justify-center align-center text-17 text-999 tabs">
					<view class="on">
						详情
					</view>
					<view class="" style="margin-left: 60rpx;">
						订单
					</view>
				</view>
			</block>
		</kg-custom>
		<!-- <view class="">
			<view class="padding margin-left-sm margin-right-sm margin-bottom-sm bg-white flex justify-start radius10">
				<image :src="baseUrl + '/static/Avatar2.png'" mode="" class="round cu-avatar"></image>
				<view class="margin-left-sm f-grow1" @click.stop="toPage('/filePage/pages/detail-or-order/detail-or-order')">
					<view class="flex justify-between align-center">
						<view class="text-bold text-181818 text-xl">
							王建国
						</view>
						<view class="text-sm color">
							高级技工
						</view>
					</view>
					<view class="flex justify-start align-center text-sm text-666 margin-top-sm">
						<view class="">
							接单量<text class="text-15 margin-left-xs"> 1654</text>
						</view>
						<view class="margin-left">
							收入<text class="text-15 text-FF3636 margin-left-xs"> ¥ 5626</text>
						</view>
					</view>
					<view class="flex justify-between align-center text-sm text-999" style="margin-top: 60rpx;">
						<view class="">
							加入时间 2020-05-06
						</view>
						<view class="margin-left">
							电话:156 9848 6589
						</view>
					</view>
				</view>
			</view>
			<view class="bg-white margin-sm padding">
				<view class="text-15 text-333 text-bold">
					个人简介
				</view>
				<view class="text-sm text-666 margin-top-sm">
					佐佑帮社区服务把所有服务分类，一次认证充分发挥个人所长
					佐佑帮社区服务把所有服务分类一次认证充分发挥个人所长。
				</view>
				<view class="text-15 text-333 text-bold margin-top">
					提供服务
				</view>
				<view class="flex flex-wrap margin-top-sm">
					<view class="bg-F4F4F4 round margin-left-xs text-df margin-top-sm color t-btn" v-for="item in 6">
						方案设计
					</view>
				</view>
			</view>
		</view> -->
		<view class="">
			<view class="bg-white padding margin-left-sm margin-right-sm margin-bottom-sm">
				<view class="flex justify-between align-center">
					<view class="text-xl text-333 text-bold">
						我要一个桥梁安装工
					</view>
					<view class="text-767696 text-sm">
						距离 520m
					</view>
				</view>
				<view class="text-999 text-sm margin-top-xs">
					桥梁安装/桥梁设计
				</view>
				<view class="flex justify-between align-center margin-top">
					<view class="flex justify-center align-center">
						<view class="color text-bold">
							<text class="text-sm">¥ </text>
							<text class="text-17">400</text>
						</view>
						<view class="text-999 text-sm margin-left-sm">
							普通订单
						</view>
					</view>
					<view class="color">
						完成时间 2020-05-03
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: this.$config.baseUrl,
			};
		}
	}
</script>

<style lang="scss" scoped>
	.hui-bar .content {
		height: auto !important;
	}

	.tabs {
		view {
			border-bottom: 12rpx solid #F4F4F4;
		}

		.on {
			color: #181818;
			border-bottom: 12rpx solid #ED7200;

		}
	}

	.t-btn {
		padding: 18rpx 28rpx;
	}
</style>
